#@front_layout()
	
#define css()
<style>
	html, body {
		overflow-x: hidden;
	}
	.game-start {
		font-size: 100px;
		width: 50%; 
		height: 400px;
		line-height: 400px;
	}
	.game-start-btn {
		font-size: 80px;
		width: 100%; 
		height: 200px;
		line-height: 200px;
		display: none;
	}
</style>
#end

#define main()
<div id="bg" class="container bg">
	<div class="fl tr game-start" id="gs-left" style="margin-left:-50%">帅哥和</div>
	<div class="fr tl game-start" id="gs-right" style="margin-right:-50%">煤炭传</div>
	<div class="fl center game-start-btn"><a href="#(ctx)/main">开始游戏</a></div>
</div>
#end

#define js()
<script src="#(ctx)/extends/jquery.easing.1.3.js"></script>
<script>
	window.onload = function(){
        $("#gs-left").animate({'margin-left':'0px'}, 'slow', 'easeOutBounce', function() {
        	$(".game-start-btn").fadeIn();
        });
        $("#gs-right").animate({'margin-right':'0px'}, 'slow', 'easeOutBounce');
	}
</script>
#end